<!--
 * @Description: 首页
 * @Author: DHL
 * @Date: 2022-01-16 21:35:16
 * @LastEditors: DHL
 * @LastEditTime: 2022-11-27 16:46:42
-->

<template>
  <div class="home-wrapper">
    <!-- <TwUpload
      ref="twUploadRef"
      fileType=".jpg,.jpeg,.png,.gif,.pdf"
      :bizTypes="[{ name: '类别1', value: 'type1' }]"
      :maxNum="2"
    ></TwUpload> -->

    <Tinymce v-model="tiny" />

    <!-- <customBpmn ref="customBpmnRef"></customBpmn> -->

    <!-- <Bpmn ref="bpmnRef"></Bpmn> -->

    <!-- <tw-money v-model="amount"></tw-money>
    <button @click="handleClick()">确定</button> -->
  </div>
</template>

<script setup lang="ts">
  import customBpmn from '../flow/components/previewFlowchart.vue'

  //////////////////////////////////////////////////
  // 流程设计器
  //////////////////////////////////////////////////
  const bpmnRef = ref()
  nextTick(() => {
    // bpmnRef.value.handleInit({})
  })

  //////////////////////////////////////////////////
  // 上传组件
  //////////////////////////////////////////////////
  const twUploadRef = ref()

  nextTick(() => {
    // twUploadRef.value.loadData({ bizId: 'abc' })
  })

  //////////////////////////////////////////////////
  // 富文本
  //////////////////////////////////////////////////

  const tiny = ref('dddddddddddddd')

  //////////////////////////////////////////////////
  // 流程图预览
  //////////////////////////////////////////////////
  const customBpmnRef = ref()
  nextTick(() => {
    // customBpmnRef.value.init('3d6cdc3d-3491-11ed-b3f4-287fcf15f39d')
  })

  let amount = ref(100.569)
  function handleClick() {
    console.info(amount.value)
  }
</script>

<style scoped lang="scss">
  .home-wrapper {
    width: 100%;
    height: 100%;
  }
</style>
